<template>
  <div class="header" :style="{height: height + 'rpx'}">
    <div class="title">{{title}}</div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    title: String,
    height: Number
  }
};
</script>

<style lang="scss" scoped>
.header {
  position: fixed;
  top: 0;
  box-sizing: border-box;
  padding: 0 20rpx;
  width: 100%;
  z-index: 9999;
  //line-height: 250rpx;
  //background-color: #1764e9;
  background-image: linear-gradient(to bottom, #2568ed, #605af2);
  .title {
    float: left;
    color: #ffffff;
    font-size: 32rpx;
    margin-top: 50rpx;
  }
}
</style>